body, ul, h1, h2, h3, h4, h5, h6, p, dl, div, dd, hr, fieldset {
  margin: 0;
}

ul, input, textarea, button, option, div, ol, fieldset, legend {
  padding: 0;
}

html {
  font-size: 16px;
  line-height: 1.5em;
}

body,
body button,
input,
textarea{
  font-family: "Microsoft YaHei", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif !important;
}

ul {
  list-style: none;
}

img, button {
  border-style: none;
}

a, input, button {
  text-decoration: none;
  outline: none;
}

/* ios input样式清除 */
input,
textarea {
  border: 0;
  outline: none;
  -webkit-appearance: none;
}

/* number样式清除 */
input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 上下拉动滚动条时卡顿、慢 */
body {
  -webkit-overflow-scrolling: touch;
}
// 表单背景色延迟加载
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
  //背景色透明  生效时长  过渡效果  启用时延迟的时间
  transition: background-color 500s ease-in-out 0s;
}

/* ios和android下触摸元素时出现半透明灰色遮罩 */
a {
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}

/* WebKit browsers */
::-webkit-input-placeholder {
  color: gray;
  opacity: .8;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
  color: gray;
  opacity: .8;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
  color: gray;
  opacity: .8;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder {
  color: gray;
  opacity: .8;
}
.Fleft{
  float: left;
}
.Fright{
  float: right;
}
// 如果有头部定位的话，需要给盒子加的padding-top;
.fix_pad_top {
  padding-top: 100px;
}
/*清除浮动*/
.clearfix:after{
  content: '';
  display: block;
  clear: both;
}

.part {
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 3px 0px rgba(122,121,121,0.5);
  border-radius:3px;
  padding: 40px;
  width: 90%;
  margin: 30px auto;
  .tit{
      border-bottom: 1px solid #333;
      font: {
          size: 19px;
          weight: 600 
      }
      display: inline-block;
      margin-bottom: 20px;
      padding-bottom: 5px
  }
  .formlist{
      .el-form-item{
          width:50%;
          margin:0;
          border: 1px solid #efefef;
          box-sizing: border-box;
          .el-form-item__label, .el-form-item__content{
              padding: 6px 2px;
              border-right: 1px solid white;
          }
          .el-form-item__label{
          text-align: center;
              width:35%;
              background: #FEFAF1;
              box-sizing: border-box;
              color:#333333;
          }
          .el-form-item__content{
          width:65%;
          text-align: center;
          color: #646464;
          box-sizing: border-box;
          }
      }
  }
  .el-table thead th{background: #FEFAF1;color:#333333}
}

.project {
  // width: 80%;
  margin: 40px auto;
  display: flex;
  justify-content: space-around;
  > div {
    width: 20%;
    // margin-right: 6%;
    height: 150px;
    color: white;
    text-shadow: 0px 1px 1px rgba(119,120,122,0.5);
    border-radius:8px;
    padding: 24px 22px;
 
    h3 {
      margin-bottom: 20px;
    }
    article{
      padding-left: 20px;
      p{margin-bottom: 8px;
        font-size: 18px;
      }  
    }
  }
  @each $item in first, sec, three {
    .#{$item} {
      background: url('./assets/images/#{$item}.jpg') no-repeat
    }
    
  }
  .first {
    // background: url('./assets/images/first.jpg') no-repeat;
    background-size: cover;
    overflow: auto;
    position: relative;
    &::-webkit-scrollbar {
      display: none;
    }
    // background-origin: content-box;
  }
  .first::-webkit-scrollbar {
    display: none;
  }
  .sec {
    // background: url('./assets/images/sec.jpg') no-repeat;
    background-size: cover;
    article {
      // display: flex;
      padding-left: 20px;
      flex-wrap: wrap;
      justify-content: center;
    }
    // background-origin: content-box;
    p{
      font-size: 22px;color: white;
      // width: 56%;
      margin-bottom: 19px;
      i {
        color: white;
        font-size:38px;
        margin-right: 10px
      }
      span {
        text-decoration: underline;margin-right: 5px;color: #FDFA04;font-size: 24px
      }
    }
  }
  .three {
    article {
      // display: flex;
      padding-left: 20px;
      flex-wrap: wrap;
      justify-content: center;
    }
    p {
      font-size: 18px;color: white;
      // width: 56%;
      margin-bottom: 19px;
    }
    // background: url('./assets/images/thr.jpg') no-repeat; 
    // 相对于App.vue的路径
    background-size: cover;
    // background-origin: content-box;
     span{font-size: 25px;text-decoration: underline;color: #FDFA04;margin-right:12px;}
  }
}
.el-select-dropdown__item:hover{
  background-color: #F29207;
  color: white;
}
